<template>
  <div class="news-container">
    <news-header :title="newsObj.title"></news-header>
    <!-- <news-content :content="newsObj.content"></news-content> -->
    <component :is="curNewsComponent"></component>
  </div>
</template>

<script>
/**
 * @description 产融平台新闻详情页
 * @author 施义煌
 * @date 2021-03-15
 */
import NewsHeader from '@/components/talents/news/header' // 新闻头部
// import NewsContent from '@/components/talents/news/content' // 新闻内容部分
import * as NewsList from './gok-news-list' // 人才基地新闻内容
import News1001 from '@/components/talents/news/news1001'
import News1002 from '@/components/talents/news/news1002'
import News1003 from '@/components/talents/news/news1003'
import News1004 from '@/components/talents/news/news1004'
import News1005 from '@/components/talents/news/news1005'
import News1006 from '@/components/talents/news/news1006'
import News1007 from '@/components/talents/news/news1007'
import News1008 from '@/components/talents/news/news1008'
export default {
  layout: 'teachdetail',
  components: {
    NewsHeader,
    // NewsContent,
    News1001,
    News1002,
    News1003,
    News1004,
    News1005,
    News1006,
    News1007,
    News1008
    },
  data() {
    return {
      newsId: '',
      curNewsComponent: '',
      newsObj: {
        title: {},
        content: []
      }
    }
  },
  mounted() {
    this.newsId = this.$route.params.id;
    this.curNewsComponent = `News${this.newsId}`
    this.newsObj = NewsList[`News${this.newsId}`];
  }
}
</script>
<style lang="stylus" scoped>
.news-container{
  height: 100%;
  min-height: 500px;
  padding-top: 58px;
}
</style>